<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- meta:desc -->
    <meta name="description" content="华为官网购物官网，致力于打造全球最大的食品、生鲜电商购物平台。">
    <!-- meta:kw -->
    <meta name="keywords" content="华为,食品,生鲜,服装,家电,电商,购物">
    <title>华为、国产、鸿蒙HarmonyOS！</title>
    <!-- link:favicon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
    <!-- 头部 -->
    <!-- 快捷导航 -->
    <div class="shortcut">
        <div class="wrapper">
        <!-- 快捷导航内容 -->
         <!-- 左侧 -->
        <div class="left">
          <ul>
            <li><a href="#">华为官网 |</a></li>
            <li><a href="#">荣耀官网 |</a></li>
            <li><a href="#">软件应用 |</a></li>
            <li><a href="#">花粉俱乐部 |</a></li>
            <li><a href="#">Select Regin</a></li>

          </ul>
        </div>
        <!-- 右侧 -->
        <div class="right">
         <ul>
            <li><a href="#" class="login">登录</a></li>
            <li><a href="#" class="login">注册 |</a></li>
            <li><a href="#">我的订单 |</a></li>
            <li><a href="#">V码(优购码) |</a></li>
            <li><a href="#">手机版 |</a></li>
            <li><a href="#"><span class="iconfont icon-mobile-phone"></span>网站导航</a></li>
        
         </ul>
        </div>
        </div>
    </div>
    <!-- login 二维码 -->
    <div class="logo">
    <span class="left1">
    <!-- login -->
    <img class="logo1" src="./images/logo.huawei.png" alt="">
    <span class="shopbox">
     <span class="shoptext">商城首页</span>
    </span>
    </span>
    <!-- qrcode -->
    <div class="right1">
     <img class="logo2" src="./images/qrcode_vmall_app01.png" alt="">
     <p class="text1">微信扫码关注我们</p>
    </div>
    </div>
    <!-- 导航 -->
    <div class="nav_box">
        <div class="nav">
            <div class="wrapper">
                <ul>
                    <li>
                        <span>&nbsp;&nbsp;全部商品</span>
                        <div class="nav_content">
                            <div class="ull">
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                                <div class="lii">
                                    <p>手机</p>
                                    <span>HUAWEI Mate系列</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><span>&nbsp;&nbsp;华为专区</span></li>
                    <li><span>&nbsp;&nbsp;HUAWEIP10</span></li>
                    <li><span>&nbsp;&nbsp;HUAWEI Mate9</span></li>
                    <li><span>&nbsp;&nbsp;HUAWEI Nova</span></li>
                    <li><span>&nbsp;&nbsp;华为畅享6S</span></li>
                    <li><span>&nbsp;&nbsp;荣耀专区</span></li>
                </ul>
            </div>
        </div>
        <img src="./images/2017042210305530.jpg" alt="">
    </div>
    <!-- 商品 -->
    <div class="goods">
        <!-- 中间部分 -->
     <div class="mobiles">
        <!-- 上面部分 -->
        <div class="tops">
        <!-- 上面第一个商品 -->
        <div class="phone">
            <img class="oneimg" src="./images/20170310105644358.jpg" alt="">
        </div>
        <!-- 上面第二个商品 -->
            <div class="phone">
                <img class="oneimg" src="./images/2017031017165551.jpg" alt="">
            </div>
        <!-- 上面第三个商品 -->
        <div class="phone">
            <img class="oneimg" src="./images/20170310090516264.jpg" alt="">
        </div>
        <!-- 上面第四个商品 -->
            <div class="phone">
                <img class="oneimg" src="./images/20170313143419135.jpg" alt="">
            </div>
        </div>
        <div class="bottoms">
        <!-- 下面第一个商品 -->
         <div class="hwphone">
            <div class="newtext1">
                <p class="onetext">HUAWEI P10 Plus</p>
                <P class="twotext">金属钻雕工艺</P>
                <P class="threetext">￥4388</P>
            </div>
            <div> 
                <img class="imgone" src="./images/1489161234073.png" alt="">
            </div>
         </div>
         <!-- 下面第二个商品 -->
        <div class="hwphone">
            <div class="newtext1">
                 <p class="onetext">HUAWEI nova 青春版</p>
                 <P class="twotext">炫出我色彩</P>
                 <P class="threetext">￥1999</P>
            </div>
            <div>
                <img class="imgone" src="./images/1491476650727.png" alt="">
            </div>
        </div>
         <!-- 下面第三个商品 -->
        <div class="hwphone">
                <div class="newtext1">
                    <p class="onetext">HUAWEI Mate 9 Pro</p>
                    <P class="twotext">2K双曲面屏</P>
                    <P class="threetext">￥4699</P>
                </div>
                <div>
                    <img class="imgone" src="./images/1484219138436.png" alt="">
                </div>
        </div>
     </div>
     </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
    <div class="wrapper">
        <!-- 服务 -->
        <div class="service">
            <ul>
                <li>
                    <i></i>
                    <span>500强企业 品质保证</span>
                </li>
            
                <li>
                    <i></i>
                    <span>7天退货 15天换货</span>
            
                </li>
            
                <li>
                    <i></i>
                    <span>99元起免运费</span>
                </li>
            
                <li>
                    <i></i>
                    <span>448家维修网点 全国联保</span>
                </li>
            </ul>
        </div>
    <!-- 帮助 -->
    <div class="help wrapper">
        <dl>
            <dt>帮助中心</dt>
            <dd>购物指南</dd>
            <dd>配送方式</dd>
            <dd>支付方式</dd>
            <dd>常见问题</dd>
        </dl>
        <dl>
            <dt>售后服务</dt>
            <dd>保修政策</dd>
            <dd>退换货政策</dd>
            <dd>退换货流程</dd>
            <dd>保修状态查询</dd>
        </dl>
        <dl>
            <dt>技术支持</dt>
            <dd>售后网点</dd>
            <dd>荣耀零售店铺</dd>
            <dd>预约维修</dd>
            <dd>手机寄修服务</dd>
            <dd>维修配件价格查询</dd>
            <dd>软件下载</dd>
        </dl>
        <dl>
            <dt>关于商城</dt>
            <dd>公司介绍</dd>
            <dd>华为商城简介</dd>
            <dd>联系客服</dd>
        </dl>
        <dl>
            <dt>关注我们</dt>
            <dd>新浪微博</dd>
            <dd>腾讯微博</dd>
            <dd>花粉俱乐部</dd>
            <dd>商城手机版</dd>
        </dl>
    </div>
    
    <div class="hr_line"></div>
    
    <p class="you_link wrapper">友情链接： | 华为官网 | 华为消费者业务 | 荣耀官网 | 花粉俱乐部 | 莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 中商情报网 | 刷机精灵 | 华为手机
        | 优购物官网 | 智能电视 | UC浏览器 | <br>
        中关村商城 | 酷狗音乐 | 华为商城手机版 | 百信手机网 | 卡宝宝网 | 多特软件下载 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 | 拍鞋网商城 | 欧宝丽珠宝 | 寻购网 | 亿智蘑菇 | 安卓市场
        |<br>
        阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 | 电子产品世界 | 历趣网 | 网购返利 | Apple110 | 91手机门户网 | 移动叔叔 | 奥特莱斯 | 荣耀Magic | 携程租车 |
        <font style="color: red;">申请链接>></font><br>
    </p>
    
    <p class="yinsi wrapper">隐私政策 服务协议 Copyright &copy; 2012-2017 VMALL.COM 版权所有 保留一切权利<br>
        公安备案 苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 | 网络文化经营许可证：苏网文[2015] 1599-026号<br>
    </p>
    
    <ul class="last_img wrapper">
        <li><img src="./images/20161224180914742.jpg" alt=""></li>
        <li><img src="./images/20160226162415360.png" alt=""></li>
        <li><img src="./images/20160226162521265.png" alt=""></li>
        <li><img src="./images/20160226162531395.png" alt=""></li>
    </ul>

    </div>
    </div>

</body>
</html>